/**
 * 首页
 */
<template>
  <div>
    <!-- 面包屑导航 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/dataStatistics' }">首页</el-breadcrumb-item>
    </el-breadcrumb>
    <el-tabs>  
      <div class="hearder_top">
        <div class="hearder_top_index">
          用户信息
        </div>
        <div class="hearder_text">您好{{userName}},欢迎使用游呵教育系统后台</div>
      </div>
     </el-tabs>
  </div>
</template>

<script>
export default {
  name: "dataStatistics",
  data() {
    return {
      
      newChapter: "",
      audiourl: "http://ting6.yymp3.net:82/new27/zhaolei2/11.mp3",
      inputVal: "",
      videoUrl: "",
      userName: ""
    };
  },
  // 注册组件
  components: {
  },

  /**
   * 创建完毕
   */
  created() {
    // this.goodCentre();
     this.userName=this.abdpConfig.getAuther('role');
  },
  //过滤器
  filters: {},
  /**
   * 里面的方法只有被调用才会执行
   */
  methods: {
    // 文件上传成功时的钩子
    handleReplaceAvatarSuccess(file) {
      console.log(file);
    },
    // 点击文件列表中已上传的文件时的钩子
    handlePreview(file) {
      console.log(file);
    },
    //  文件列表移除文件时的钩子
    handleRemove(file, fileList) {
      console.log(file, fileList);
    },
    // 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
    beforeRemove(file, fileList) {
      return this.$confirm(`确定移除 ${file.name}？`);
    },
    /**
     *上传文件限制--只能上传mp3格式的文件
     */
    beforeAvatarUpload(file) {
      var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
      const extension = testmsg === "mp3";
      if (!extension) {
        this.$message({
          message: "上传文件只能是mp3格式！",
          type: "error"
        });
      }
      return extension;
    }
  }
};
</script>

<style scoped>
.hearder_top{
  width: 100%
}
.hearder_top_index{
  margin-top: 20px;
  background-color: #ededef;
  font-weight: 550;
  padding: 4px 10px;
  color: #798692;
}
.hearder_text{
  font-size: 16px;
  color: #666;
  margin: 30px 15px;
}
</style>

 
 